<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"  
      xmlns:h="http://java.sun.com/jsf/html">
    <h:head>
        <title>
            <h:outputText value="Sistema de Seguridad de Aplicaiones - SSA" />
        </title>
    </h:head>
    <h:body>
        <ui:composition template="/WEB-INF/facelets/templates/mainLayout.xhtml">            
            <ui:define name="menuPrincipal">
                <ui:include src="/frmMenu.xhtml"/>
            </ui:define>
             <ui:define name="content" >
                 
                 <p:blockUI block=":frmGestionarUsuario:panUsuarios" trigger=":frmGestionarUsuario:buscarButton" widgetVar="blkPanel">
                    Espere mientras se cargan los datos<br /> 
                    <p:graphicImage value="/resource/images/loading.gif" style="width: 65px; height: 50px;"/>
                </p:blockUI>
                 <h:form id="frmGestionarUsuario" onkeypress="if (event.keyCode == 13) return false;">
                     <p:growl showSummary="false" showDetail="true" id="msjFiltro"/>
                     <div style="margin-left: 15px;margin-top: 5px; height: 20px;vertical-align: middle;"><span style="font-family: Arial,sans-serif;font-size: 11px !important;"> Maestros \ <a href="usuarios.jsf" >Usuarios</a></span></div>
                     <p:panel id="panUsuarios" header="Administración de Usuarios" >
                         <table style="width:100%;" >
                            <thead>
                                <tr>
                                    <td>
                                        <table width="100%" cellpadding="5" cellspacing="8" style="width: 1000px;">
                                            <tr>
                                                <td style="width: 100px;">
                                                    <h:outputText value="Unidad Territorial :"/> 
                                                </td>
                                                <td>
                                                    <p:selectOneMenu id="cboUnidad" style="width: 250px;"
                                                                    value="#{zonalController.zonalFiltro}" 
                                                                    valueChangeListener="#{zonalController.filtrarUnidadOrganizacional}"
                                                                    >
                                                        <f:selectItem itemLabel="Selecciones un valor..."
                                                                      noSelectionOption="true" />
                                                        <f:selectItems value="#{zonalController.lstZonal}" 
                                                                       var="zon" 
                                                                       itemValue="#{zon.codZonal}" 
                                                                       itemLabel="#{zon.txtZonal}"/>
                                                        <p:ajax event="change" immediate="true" update="cboZonal"/>
                                                    </p:selectOneMenu> 
                                                </td>
                                                <td style="width: 120px;">
                                                    <h:outputText value="Unidad Organizacional :"/> 
                                                </td>
                                                <td>
                                                      <p:selectOneMenu id="cboZonal" style="width: 350px;"
                                                                     value="#{unidadOrganizacionalController.unidadOrganizacionalFiltro}" >
                                                        <f:selectItem itemLabel="Todas" itemValue="-1"  />
                                                        <f:selectItems value="#{unidadOrganizacionalController.lstUnidadOrganizacional}" var="unidad" itemValue="#{unidad.codUnidad}" itemLabel="#{unidad.txtUnidad}"/> 
                                                    </p:selectOneMenu>
                                               </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <h:outputText value="Usuario :"/> 
                                                </td>
                                                <td colspan="2">
                                                    <p:inputText id="usuario" value="#{usuarioController.codUsuario}" style="width: 240px;" maxlength="255">
                                                    </p:inputText>
                                                </td>
                                                <td>
                                                    <p:commandButton style="margin-right: 80px;" value="Limpiar" actionListener="#{usuarioController.clean}"
                                                                     update="cboZonal, cboUnidad, usuario, frmGestionarUsuario:grdUsuarios">
                                                    </p:commandButton>   
                                                    <p:commandButton process="@this, cboZonal, cboUnidad, usuario" value="Buscar" id="buscarButton"
                                                                 update=":frmGestionarUsuario:grdUsuarios, msjFiltro" actionListener="#{usuarioController.search}"/> 
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </thead>  
                            <tbody>
                                <tr>
                                    <td>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <p:menubar style="width: 99%;" id="menuOpciones">
                                            <p:menuitem value="Nuevo" icon="ui-icon-person" url="DetalleUsuario.jsf" >
                                            </p:menuitem>
                                            <p:menuitem value="Modificar" icon="ui-icon-pencil" action="#{usuarioController.verDetallesUsuario}" update="msjFiltro" >
                                            </p:menuitem>
                                            <p:menuitem value="Reiniciar Contraseña" icon="ui-icon-wrench" action="#{usuarioController.validaReinicioPassword}" update="msjFiltro, :dlgReiniciarContra" >
                                            </p:menuitem>
                                            <p:menuitem value="Asignar Permisos" icon="ui-icon-check" url="asignaPermisos.jsf" >
                                            </p:menuitem>
                                        </p:menubar>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div style="height: 420px; overflow-y: auto;overflow-x:hidden;">
                                        <p:dataTable id="grdUsuarios" var="item" 
                                                     value="#{usuarioController.lstUsuarios}" 
                                                     rowKey="#{item.id}" 
                                                     selection="#{usuarioController.selectedUsuario}" 
                                                     selectionMode="single" paginator="true" rows="10"
                                                     paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                                                     rowsPerPageTemplate="5,10,15,20"
                                                     emptyMessage="Filtro sin resultados. Ingrese un filtro para listar usuarios."
                                                     rowIndexVar="index">
                                            <p:column width="30" style="text-align: center; width: 30px" >
                                                <f:facet name="header">
                                                    <h:outputText value="N°"/>
                                                </f:facet>
                                                <h:outputText value="#{index+1}"/>
                                            </p:column>
                                            <p:column width="120" style="text-align: center; width: 120px" >
                                                <f:facet name="header">
                                                    <h:outputText value="Código de usuario"/>
                                                </f:facet>
                                                <div style="text-align: center;" > 
                                                    <h:outputText value="#{item.codUsuario}" />
                                                </div>          
                                            </p:column>
                                            <p:column style="text-align: center; width: 250px;">
                                                <f:facet name="header">
                                                    <h:outputText value="Nombres"/>
                                                </f:facet>                                                
                                                <h:outputText value="#{item.txtNombres}" />                                                
                                            </p:column>
                                            <p:column style="text-align: center; width: 150px">
                                                <f:facet name="header">
                                                    <h:outputText value="Unidad Territorial"/>
                                                </f:facet>                                                
                                                <h:outputText value="#{item.codZonal}" />                                                
                                            </p:column>
                                            <p:column style="text-align: center; width: 150px">
                                                <f:facet name="header">
                                                    <h:outputText value="Unidad Organizacional"/>
                                                </f:facet>                                                
                                                <h:outputText value="#{item.codZonal}" />                                                
                                            </p:column>
                                            <p:column style="text-align: center; width: 60px">
                                                <f:facet name="header">
                                                    <h:outputText value="Estado"/>
                                                </f:facet>                                                
                                                <p:selectBooleanCheckbox disabled="true" value="#{item.flgActivo == '1'}"/>
                                            </p:column>
                                        </p:dataTable>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                     </p:panel>
                 </h:form>
                 <p:dialog id="dlgReiniciarContra" widgetVar="msjReiniciarContra" header="Reiniciar Contraseña" closable="false" modal="true" resizable="false" >
                     <p:panel style="border: 2px" >
                        <table>
                            <tbody>
                                <tr>
                                    <td style="text-align: center;">
                                        <span class="ui-icon ui-icon-alert ui-confirm-dialog-severity" style="margin-bottom: 20px;"></span>
                                        <h:outputLabel style="font-size: 10pt;" value="¿Está seguro de reiniciar la contraseña del usuario"/><br/>
                                        <h:outputLabel style="font-size: 9pt;" value="#{usuarioController.selectedUsuario.txtNombres} #{usuarioController.selectedUsuario.txtApellidoPaterno} #{usuarioController.selectedUsuario.txtApellidoMaterno}?"/>
                                    </td>                       
                                </tr>                    
                                <tr>
                                    <td><p:messages showDetail="true" /></td>                        
                                </tr>
                            </tbody>   
                            <tfoot style="text-align: center;" >
                                <tr></tr><tr></tr>
                                <tr>
                                    <td>                            
                                        <p:commandButton value="Sí" action="#" onclick="msjReiniciarContra.hide(); msjConfimaReinicio.show()"/>
                                        <p:commandButton value="No" action="#" onclick="msjReiniciarContra.hide()"/>   
                                    </td>
                                </tr>
                            </tfoot>
                        </table>      
                    </p:panel>                       
                 </p:dialog>
                 
                 <p:dialog widgetVar="msjConfimaReinicio" header="Generación de Contraseña Temporal" closable="false" modal="true" resizable="false" width="500" >
                     <p:panel style="border: 2px" >
                         <table style="width: 450px;" >
                            <tbody>
                                <tr>
                                    <td><span class="ui-icon ui-icon-alert ui-confirm-dialog-severity" style="margin-bottom: 20px;"></span>
                                        <h:form>
                                            <h:outputLabel style="font-size: 10pt;" value="Se reinicio la contraseña del usuario Marco Botton Diaz satisfactoriamente y se la ha generado una contraseña temporal, la cual ha sido enviada a los correos: "/><br/>
                                            <div style="text-align: center;">
                                                <h:commandLink  style="font-size: 10pt;" value="mbuton@foncodes.gob.pe"></h:commandLink><br/>
                                                <h:commandLink  style="font-size: 10pt;" value="marcoBot_16@gmail.com"></h:commandLink>
                                            </div>
                                        </h:form>
                                    </td>                    
                                </tr>                    
                                <tr>
                                    <td><p:messages showDetail="true" /></td>                        
                                </tr>
                            </tbody>   
                            <tfoot style="text-align: center;" >
                                <tr></tr><tr></tr>
                                <tr>
                                    <td>                            
                                        <p:commandButton value="Ok" action="#" onclick="msjConfimaReinicio.hide()"/>
                                    </td>
                                </tr>
                            </tfoot>
                        </table>      
                    </p:panel>                       
                 </p:dialog>
             </ui:define>
        </ui:composition>
    </h:body>
</html>